import { CSSProperties } from "react"
import { KaseoEditorModel } from "../../editor/KaseoEditorModel"


import './KaseoEditor.css'
import { EditorModelContext } from "./EditorModelContext"
import EditorItemBox from "./EditorItemBox"


export default function KaseoEditor(props: {
    model: KaseoEditorModel,
    style?: CSSProperties
}) {
    const model = props.model


    
    return (
        <EditorModelContext.Provider value={model}>
            <div style={props.style} className="kaseo-editor-box">
                123
                <EditorItemBox/>
            </div>
        </EditorModelContext.Provider>
    )
}
